<!DOCTYPE html>
<html class="login-pf" lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="robots" content="noindex, nofollow">
  <meta name="color-scheme" content="light dark">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Sign in to internal</title>
  <link rel="icon" href="/resources/kb6gy/login/keycloak.v2/img/favicon.ico" />
  <link href="/resources/kb6gy/common/keycloak/vendor/patternfly-v5/patternfly.min.css" rel="stylesheet" />
  <link href="/resources/kb6gy/common/keycloak/vendor/patternfly-v5/patternfly-addons.css" rel="stylesheet" />
  <link href="/resources/kb6gy/login/keycloak.v2/css/styles.css" rel="stylesheet" />
  <script type="importmap">
    {
        "imports": {
            "rfc4648": "/resources/kb6gy/common/keycloak/vendor/rfc4648/rfc4648.js"
        }
    }
  </script>
  <script type="module" async blocking="render">
    const DARK_MODE_CLASS = "pf-v5-theme-dark";
    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");

    updateDarkMode(mediaQuery.matches);
    mediaQuery.addEventListener("change", (event) => updateDarkMode(event.matches));

    function updateDarkMode(isEnabled) {
      const { classList } = document.documentElement;

      if (isEnabled) {
        classList.add(DARK_MODE_CLASS);
      } else {
        classList.remove(DARK_MODE_CLASS);
      }
    }
  </script>
  <script type="module" src="/resources/kb6gy/login/keycloak.v2/js/passwordVisibility.js"></script>
  <script type="module">
    import { startSessionPolling } from "/resources/kb6gy/login/keycloak.v2/js/authChecker.js";

    startSessionPolling(
      "/realms/internal/login-actions/restart?client_id=urn%3Aamazon%3Awebservices&tab_id=tabId&client_data=clientData&skip_logout=true"
    );
  </script>
  <script type="module">
    import { checkAuthSession } from "/resources/kb6gy/login/keycloak.v2/js/authChecker.js";

    checkAuthSession(
      "sessionId"
    );
  </script>
  <script>
    // Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=1404468
    const isFirefox = true;
  </script>
  <SCRIPT> if (typeof history.replaceState === 'function') {  history.replaceState({}, "some title", "https://my.domain/realms/internal/login-actions/authenticate?execution=uuid&client_id=urn%3Aamazon%3Awebservices&tab_id=tabId&client_data=clientData"); }</SCRIPT></head>

<body id="keycloak-bg" class="">
<div class="pf-v5-c-login">
  <div class="pf-v5-c-login__container">
    <header id="kc-header" class="pf-v5-c-login__header">
      <div id="kc-header-wrapper"
           class="pf-v5-c-brand">internal</div>
    </header>
    <main class="pf-v5-c-login__main">
      <div class="pf-v5-c-login__main-header">
        <h1 class="pf-v5-c-title pf-m-3xl" id="kc-page-title"><!-- template: login.ftl -->

          Sign in to your account

        </h1>
      </div>
      <div class="pf-v5-c-login__main-body">


        <!-- template: login.ftl -->

        <div id="kc-form">
          <div id="kc-form-wrapper">
            <form id="kc-form-login" class="pf-v5-c-form" onsubmit="login.disabled = true; return true;" action="https://my.domain/realms/internal/login-actions/authenticate?session_code=sessionId&amp;execution=uuid&amp;client_id=urn%3Aamazon%3Awebservices&amp;tab_id=tabId&amp;client_data=clientData" method="post" novalidate="novalidate">

              <div class="pf-v5-c-form__group">
                <div class="pf-v5-c-form__label">
                  <label for="username" class="pf-v5-c-form__label">
        <span class="pf-v5-c-form__label-text">
                                        Username or email

        </span>
                  </label>
                </div>

                <span class="pf-v5-c-form-control pf-m-error">
        <input id="username" name="username" value="aorlovskiy" type="text" autocomplete="username" autofocus
               aria-invalid="true"/>
    <span class="pf-v5-c-form-control__utilities">
        <span class="pf-v5-c-form-control__icon pf-m-status">
          <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
        </span>
    </span>
    </span>

                <div id="input-error-container-username">
                  <div class="pf-v5-c-form__helper-text" aria-live="polite">
                    <div class="pf-v5-c-helper-text">
                      <div class="pf-v5-c-helper-text__item pf-m-error" id="input-error-username">
                        <span class="pf-v5-c-helper-text__item-text pf-m-error kc-feedback-text">
                            Invalid username or password.
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>


              <div class="pf-v5-c-form__group">
                <div class="pf-v5-c-form__label">
                  <label for="password" class="pf-v5-c-form__label">
        <span class="pf-v5-c-form__label-text">
            Password
        </span>
                  </label>
                </div>

                <div class="pf-v5-c-input-group">
                  <div class="pf-v5-c-input-group__item pf-m-fill">
        <span class="pf-v5-c-form-control ">
          <input id="password" name="password" value="" type="password" autocomplete="current-password"
                 aria-invalid=""/>
        </span>
                  </div>
                  <div class="pf-v5-c-input-group__item">
                    <button class="pf-v5-c-button pf-m-control" type="button" aria-label="Show password"
                            aria-controls="password" data-password-toggle
                            data-icon-show="fa-eye fas" data-icon-hide="fa-eye-slash fas"
                            data-label-show="Show password" data-label-hide="Hide password">
                      <i class="fa-eye fas" aria-hidden="true"></i>
                    </button>
                  </div>
                </div>

                <div id="input-error-container-password">
                </div>
              </div>


              <div class="pf-v5-c-form__group">
              </div>

              <input type="hidden" id="id-hidden-input" name="credentialId" />
              <div class="pf-v5-c-form__group">
                <div class="pf-v5-c-form__actions">
                  <button class="pf-v5-c-button pf-m-primary pf-m-block " name="login" id="kc-login" type="submit">Sign In</button>
                </div>
              </div>
            </form>
          </div>
        </div>



      </div>
      <div class="pf-v5-c-login__main-footer">
        <!-- template: login.ftl -->


      </div>
    </main>

  </div>
</div>
</html>